<!DOCTYPE html> 
<html>
<head>
<meta charset="utf-8">
<title>phonegap_device_network_notification01</title>
<link href="../jquery.mobile-1.3.2.css" rel="stylesheet" type="text/css"/>
<script src="../jquery.js" type="text/javascript"></script>
<script src="../jquery.mobile-1.3.2.js" type="text/javascript"></script>
<script src="../cordova.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">

$(function(){
//accelerometer
	document.addEventListener("deviceready", onDeviceReady, false);

    // 加载完成
    function onDeviceReady() {
		//navigator.accelerometer.getCurrentAcceleration(onSuccess, onError);
		 $('#accelerometer').click(function(){
	    	  navigator.accelerometer.getCurrentAcceleration(onSuccess, onError);
	    })
    }
    // 获取加速度信息成功后的回调函数
    // 接收包含当前加速度信息的Acceleration对象
    function onSuccess(acceleration) {
        alert('X轴方向的加速度: ' + acceleration.x + '\n' +
              'Y轴方向的加速度: ' + acceleration.y + '\n' +
              'Z轴方向的加速度: ' + acceleration.z + '\n' +
              '时间戳: '      + acceleration.timestamp + '\n');
    }
    // 获取加速度信息失败后的回调函数
    function onError() {
        alert('出错了!');
    }
    
})

    // 等待PhoneGap加载


</script>

</head> 
<body>
<div data-role="page">
		<div data-role="header">
			<h1>PhoneGap100实战</h1>
		</div>
		<div data-role="content">
			<a data-role="button" href="#" id="accelerometer">获取加速度</a>
			<br>
			<a href="#">当前的加速度值为</a>			
		</div>		
		<div data-role="footer">
			<h4>&nbsp;</h4>
		</div>
</div>

</body>
</html>
